<script setup lang="ts">
import { ref } from "vue";
import { MONEY_LIST } from "@/utils/constant/tableColumns";
const pool_list = ref([
  {
    name: "121312",
    setPrice: "￥100",
    marketPrice: "￥100",
    profit: 100,
    startAt: 100,
    sellStatus: 1,
  },
]);

const productStatus = ref("0");
</script>

<template>
  <div>
    <a-flex align="center">
      <a-button type="primary">充值</a-button>
      <span ml-16px>货款余额：9636.40元</span>
      <a-button type="link">申请提现</a-button>
    </a-flex>
    <a-flex class="mt-16px" align="center">
      <a-radio-group v-model:value="productStatus">
        <a-radio-button value="0">流水明细</a-radio-button>
        <a-radio-button value="1">充值明细</a-radio-button>
        <a-radio-button value="2">提现明细</a-radio-button>
      </a-radio-group>
      <div class="ml-16px">
        下单成功后自动划扣服务费，若订单发生售后，服务费不做退还
      </div>
    </a-flex>
  </div>

  <a-table class="mt-16px" :columns="MONEY_LIST" :data-source="pool_list">
    <template #bodyCell="{ column, record }">
      <template v-if="column.key === 'sellStatus'">
        <a-tag v-if="record.sellStatus === 1" color="success">是</a-tag>
        <a-tag v-else color="error">否</a-tag>
      </template>
      <template v-if="column.key === 'operation'">
        <!-- <a-button type="link">更多信息</a-button> -->
      </template>
    </template>
  </a-table>
</template>
